﻿/*selector style
INPUT[type="text"]
{
    color: black;
    border: 1px solid black;
    cursor:text;
}

SELECT,INPUT
{
    color: black;
    border: 1px solid black;
    cursor:pointer;
}
*/
A
{
    cursor:pointer;
}

fieldset
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin-top: 5px;
}

legend
{
    border-left: 0;
    font-size: 10pt;
    font-weight: bold;
}

textarea
{
    min-height: 40px;
    color: black;
    border: 1px solid black;
    cursor: text;
}

.editor-label
{
    margin: 1em 0 0 0;
}

.editor-field
{
    margin: 0.5em 0 0 0;
}


/*main UI*/
DIV#header
{
    width:100%;
    background-color: #F4FCFF;
    border:0;
    color: White;
}
.logo
{
    font-size: 2em;
    padding: 1em;
    color: White;
    background-image: url('../Images/company_log.jpg');
    background-repeat: no-repeat;
}

/*top bar of main UI*/
#help_and_close
{
    float: right;
    border:1px solid #0088cc;
    line-height:2.1em;
    margin: .8em;
    color: Black;
    background-color:transparent;
    padding: .5em .5em .5em 1em;
}


#help_and_close A
{
    text-decoration: none;
    padding: .4em 1em .4em 1em;
    line-height: 2.1em;
    margin-left: .5em;
    background-color:#B22222;
    color: White;
    border: 1px solid black;
}

.Horizontal_Nav
{
    clear: both;
    width: auto;
    height: 30px;
}
.Horizontal_Nav ul
{
    list-style-type: none;
    padding-left: 0;
    height: 31px;
    margin-right: 6px;
    float: right;
}
.Horizontal_Nav li
{
    float: left;
    width: 90px;
    margin-left: 2px;
    line-height: 30px;
}
.Horizontal_Nav a:link
{
    color: White;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    background: #444;
}
.Horizontal_Nav a:visited
{
    color: White;
    font-weight: bold;
    text-decoration: none;
    background: #444;
}
.Horizontal_Nav a:hover
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
    background: #999;
}
.Horizontal_Nav a
{
    display: block;
    text-align: center;
    height: 30px;
}

#help_and_close A:active
{
    background-color:#B22222;
}

#help_and_close A:hover
{
    background-color:#CD4F39;
}

.subfunction_category
{
    width:100%;
    padding: 10px;
    overflow: auto;
}
.subfunction_category A
{
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 5px;
    color: Black;
    border-bottom: 1px solid silver;
}

.subfunction_category A.selected
{
    background-color: #666;
    color: White;
}

.subfunction_category A:hover
{
    background-color: #0088cc;
    color:White;
}

.subfunction_category A.selected:hover
{
    background-color: #666;
}

#na_bar.linkbutton a:link
{
    font-size: 120%;
    font-weight: bold;
}
#na_bar a:visited
{
    font-weight: bold;
}
#na_bar a:hover
{
    color:White;
    font-weight: bold;
    background: #191970;
}

#tt.linkbutton a:link
{
    font-size: 120%;
    font-weight: bold;
}
#tt a:visited
{
    font-weight: bold;
}
#tt a:hover
{
    color:Black;
    font-weight: bold;
    background: White;
}
 
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.tool_bar
{
    margin-bottom: 10px;
    display: block;
    min-height: 30px;
    width: 100%;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    line-height: 30px;
    vertical-align: middle;
    overflow: hidden;
    background: #F2F2F2;
}

.tool_bar_grid
{
    margin:0;
    display: block;
    height: 25px;
    width: 100%;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    line-height: 25px;
    vertical-align: middle;
    overflow: hidden;
    background: #DCDCDC;
}

DIV.tool_bar_grid a,span
{
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.tool_bar input.save
{
    margin-left: 2px;
    margin-right: 5px;
}

.tool_bar select
{
    min-width: 165px;
    margin-left: 2px;
    margin-right: 5px;
}


DIV.item
{
    border-top: 1px dotted gray;
    padding-top: .7em;
    margin-bottom: .7em;
}
DIV.item:first-child
{
    border-top: none;
    padding-top: 0;
}

#footer
{
    clear: both;
    border-top: 1px solid gray;
    background: #444;
    height: 50px;
}



/*不同控制器返回的内容部分*/
/*系统参数模块*/

table#sys_param_table
{
    width: 100%;
}
table#sys_param_table, table#sys_param_table tr th, table#sys_param_table tr td
{
    border: 1px solid gray;
    border-collapse: collapse;
    text-align: center;
}

table#sys_param_table tr th
{
    background:gray;
    color:Black;
    height: 32px;
    line-height: 32px;
}

tfoot
{
    background: #FAFAD2;
    font-weight:bold;
}
.titleLabel
{
    text-align: center;
    vertical-align: middle;
}

table#sys_param_table tr td
{
    height: 28px;
    line-height: 28px;
}

table#sys_param_table tr td input
{
    display: inline-block;
}

table#sys_param_table tbody tr:hover
{
    background: #f6f6f6;
}

table#sys_param_table tbody tr td:hover
{
    background: #99FF00;
}

table#sys_param_table tr th.col_5, td.col_5
{
    width: 5%;
}

table#sys_param_table tr th.col_10, td.col_10
{
    width: 10%;
}

table#sys_param_table tr th.col_15, td.col_15
{
    width: 15%;
}

table#sys_param_table tr th.col_20, td.col_20
{
    width: 20%;
}
table#sys_param_table tr th.col_30, td.col_30
{
    width: 30%;
}
table#sys_param_table tr th.col_40, td.col_40
{
    width: 40%;
}

td input.txt_right
{
     text-align:right;
     width:98%;
     height:98%;
     margin:0;
     border:0;
}




#long_name, #long_model,#red_title
{
    width: 600px;
}

#longName200,#bank_name,#department_name
{
    width:200px;
}

#red_title
{
    color:Red;
}

/*customer设置模块*/
DIV.customer_div
{
    width: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
}

DIV.customer_div label
{
    display: inline-block;
    margin-left:1px;
    margin-right:1px;
    text-align: left;
    vertical-align: middle;
}

DIV.customer_div input, select, textarea
{
    display: inline-block;
    margin-right:5px;
    margin-left:2px;
    text-align: left;
    vertical-align: middle;
}


DIV.customer_div input
{
    width: 160px;
}

DIV.customer_div label
{
    width: 100px;
}

DIV.customer_div select
{
    width: 164px;
}

DIV.customer_div textarea
{
    width: 650px;
}

DIV.customer_div input[disabled="disabled"],DIV.tool_bar input[disabled="disabled"]
{
    background: #ddd;
}

DIV.customer_div input[type="file"]
{
    width: 237px;
}

DIV.customer_div input[type="button"]
{
    width: 60px;
    margin-left: 0;
}

DIV.customer_div input[type="radio"],DIV.customer_div input[type="checkbox"]
{
    border:0px;
    height:12px;
    width: 12px;
}

/*--for jquery datagrid---*/
/*--for jquery datagrid---*/
table.easyui-datagrid
{
    width: 100%;
}
table.easyui-datagrid, table.easyui-datagrid tr th, table.easyui-datagrid tr td
{
    border: 1px solid gray;
    border-collapse: collapse;
    text-align: center;
}

table.easyui-datagrid tr th
{
    background:gray;
    color:Black;
    height: 32px;
    line-height: 32px;
}

tfoot
{
    background: #FAFAD2;
    font-weight:bold;
}
table.easyui-datagrid tr td
{
    height: 28px;
    line-height: 28px;
}

table.easyui-datagrid tr td input
{
    display: inline-block;
}

table.easyui-datagrid tbody tr:hover
{
    background: #f6f6f6;
}

table.easyui-datagrid tbody tr td:hover
{
    background: #99FF00;
}

table.easyui-datagrid tr th.col_5, td.col_5
{
    width: 5%;
}

table.easyui-datagrid tr th.col_10, td.col_10
{
    width: 10%;
}

table.easyui-datagrid tr th.col_15, td.col_15
{
    width: 15%;
}

table.easyui-datagrid tr th.col_20, td.col_20
{
    width: 20%;
}
table.easyui-datagrid tr th.col_30, td.col_30
{
    width: 30%;
}
table.easyui-datagrid tr th.col_40, td.col_40
{
    width: 40%;
}


